/* pages/user/index.wxss */
.tou_info{ 
    position: relative;
    height: calc(100vh + 300rpx); 
    background: #eee; 
    .tou_name{ 
        position: absolute;
        left: 50%;
        top: 15%;
        transform: translate(-50%,-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
      image{
        width: 150rpx;
        border-radius: 50%;
        margin-bottom: 20rpx;
      }
      text{
          color: #fff;

      }
    }
    .noLogin{ 
        height: 480rpx;
        background: #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
        button{ 
            font-size: 30rpx;
            width: 200rpx;
        }
    }
    .user_content{
        position: absolute;
        width: 95%;  
        top: 430rpx; 
        margin-left: 2.5%; 
        // font-size: 28rpx;
        .top{
          display: flex;
          padding: 10rpx 0;
          margin-bottom: 20rpx;
          background: #fff;
          navigator{
              flex: 1;
              text-align: center;
              .top_content{
                  view{
                    &:first-child{
                        color: var(--themeColor);
                    }
                  }
                
                margin-bottom: 10rpx; 
              } 
          }
        }
        .center{ 
            .order{
                padding:20rpx;
                background: #fff; 
                border-bottom: 1px solid #ccc; 
            } 
            .getaddress{
                margin-bottom: 20rpx; 
                padding:20rpx;
                background: #fff;  
            }
        }
        .buttom{ 
            view{
                display: flex;
                justify-content: space-between;
                padding: 20rpx;
                background: #fff;
                border-bottom: 1px solid #ccc;
            } 
           .last{
                margin: 20rpx 0; 
            }
        }
    }
}